<!DOCTYPE html>
<html>
<head> 
<meta charset="UTF-8">
	<title></title> 
	<!-- 
	<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.js"></script>
	<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.css" rel="stylesheet" />
	<link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" />
	<script src="jquery-1.6.4.min.js"></script>
	<script src="jquery.mobile-1.0a2.min.js"></script>
	 -->
	
	<link rel="stylesheet" type="text/css" href="jquery.mobile-1.1.0.min.css" />

<link rel="stylesheet" type="text/css" href="jquery.mobile.datebox.min.css" /> 
<script type="text/javascript" src="jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="jquery.mobile-1.0.1.min.js"></script>

<!-- Optional Mousewheel support: http://brandonaaron.net/code/mousewheel/docs 
<script type="text/javascript" src="PATH/TO/YOUR/COPY/OF/jquery.mousewheel.min.js"></script>-->
<script type="text/javascript" src="jquery.mobile.datebox.min.js"></script>
<script type="text/javascript" src="jquery.mobile.datebox.i8n.en.js"></script>

</head> 
<body>
<div data-role="page">
	<div data-role="header" data-theme="b">
	<a href="pregnancyCare.html" data-role="button" data-theme="b" rel="external" data-inline="true">Back</a>
		<h1>Gợi ý tên cho bé</h1>
	</div><!-- /header -->
	
            <div data-role="content">
                <form url="" action="POST">
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput2">
                                Họ cha
                            </label>
                            <input id="textinput2"  name="farther" placeholder="" value="" type="text" />
                        </fieldset>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput3">
                                Họ mẹ
                            </label>
                            <input id="textinput3" placeholder="" name="mother" value="" type="text" />
                        </fieldset>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="select-choice-0" class="select">
                                Giới tính bé
                            </label>
							<select name="select-choice-0" id="sex" name="sex">
   								<option value="0">Gái</option>
  								 <option value="1">Trai</option>
  								 </select>
                        </fieldset>
                    </div>
                    <input value="Gợi ý" type="button" onclick="saveData(this.form);" />
                </form>
            </div>
            <div id="resultDiv" style="display: none;">
            </div>
            <div data-role="footer" data-theme="b"><center> baby&mama</center></div>
<!-- /footer --></div>
	</div>
	
        <script>
            //App custom javascript
        </script>
    </body>
    <script type="text/javascript">
		function saveData(form){
			var girlnames = new Array(
					"Triều Vũ", "Xuân Phương", "Xuân Hoa","Xuân Lan", "Xuân Hiểu","Xuân Tuyết", "Xuân Hảo", "Minh Khiết", "Nguyệt Minh", "Chi Mỹ", "Chi Mẫn", "Hiểu Lan",
					 "Vân Nhi", "Vân Tĩnh", "Vân Hinh", "Vân Hân", "Trí Thìn", "Hiểu Tinh","Nhã Thìn", "Vũ Thìn", "Tinh Thanh",
					  "Hải Ninh", "Hải Bảo", "Hải Dung", "Hà Linh", "Thanh Hoa", "Thanh Thu", "Thanh Tâm", "Thanh Hàm","Thanh Uyển", "Thanh Ninh", "Thanh Diệu",
					  "Lệ Quân", "Hiểu Quân", "Uyển Quân", "Thục Quân",
					  "Trì Lệ ",  "Trì Tuyết",  "Trì Văn",  "Trì Nguyệt",  "Trì Dĩnh",  "Ly Anh", "Ly Văn", "Ly Mỹ", "Ly Quyên", "Ly Hồng", "Ly Tuyết", "Ly Dung"
					 );
			 
			var boynames = new Array(
					"Đức Minh", "Phạm Minh", "Cảnh Bình", "Văn Cảnh", "Trí Cương", "Trí Dương", "Trí Kiệt", "Trí Vĩ",
					"Đức Vận", "Thìn Vũ", "Chấn Cường", "Thìn Long", "Vận Phong", "Vận Thịnh", "Duy Vận", "Vân Thiên",
					"Hải Vinh", "Hải Dương", "Hồng Đức", "Hồng Phong", "Hồng Phi", "Hồng Phúc", "Hồng Quang", "Hồng Huy", "Hồng Văn", "Hồng Tín","Hồng Đạt",
					"Quân Hào", "Mạnh Quân", "Thư Quân", "Trác Quân", "Lệnh Phong", "Quân Chi",
					"Thìn Tuấn", "Trì Kỳ", "Trì Hồng", "Trì Hải", "Gia Tuấn", "Tuấn Vĩ", "Lương Tuấn","Tuấn Tường", "Tuấn Niên"
					); 
			if(form.sex.value==0){
				var rindex = Math.floor((Math.random()*girlnames.length));
				if(form.farther.value != form.mother.value){
					alert(form.farther.value + " " + form.mother.value + " " + girlnames[rindex]);
				}else{
					alert(form.farther.value + " " +  girlnames[rindex]);
				}
				
			}else{
				if(form.farther.value != form.mother.value){
					alert(form.farther.value + " " + form.mother.value + " " + boynames[rindex]);
				}else{
					alert(form.farther.value + " " +  boynames[rindex]);
				}
			} 
			
		}
    </script>
</html>